*{
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}
.wrap{
  background: rgb(242, 242, 242);
  text-align: center;
}
.head{
  width: 100%;
  background: black;
  opacity: 0.7;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 30;
  box-shadow: 0px 3px 3px rgb(154, 154, 154);
}
.head img{
  width: 136px;
  margin: 10px;
}
.head nav{
  padding: 5px;
}
a{
  margin: 0px 50px;
  color: rgb(159, 159, 159);
}
a:hover{
  color: white;
}
/*内容部分*/
.content{
  width: 80%;
  margin: 0px auto;
  border-top: 1px solid transparent;
}
.scrollImg{
margin-top: 120px;
position: relative;
font-size: 0px;
}
.scrollImg img{
  width: 100%;
}
.mask1{
  width: 100%;
  height: 30px;
  background: black;
  opacity: 0.5;
  position: absolute;
  bottom: 40px;
  left: 0px;
  z-index: 5;
}
.text1{
  width: 100%;
  color: white;
  font-size: 15px;
  line-height: 30px;
  position: absolute;
  bottom: 40px;
  left: 0px;
  z-index: 6;
}
.pageControl{
  height: 40px;
}
.pageControl span{
  display: inline-block;
  width: 10px;
  height: 10px;
  background: rgb(153, 153, 153);
  border: rgb(164, 164, 164);
  border-radius: 12px;
  margin: 14px 10px;
}
span:hover{
  background: white;
}
/*关于我们*/
.aboutMe{
  text-align: left;
  font-size: 14px;
  text-indent: 28px;
  color: rgb(102, 102, 102);
  line-height: 20px;
  padding:20px 0px;
  border-top: 1px solid rgb(223, 223, 223);
  border-bottom: 1px solid rgb(223, 223, 223);
}
/*合作商*/
.cooperation img{
  width: 6%;
  margin:15px 0px;
}
/*瀑布流*/
.waterFlow{

}
.cell{
  width: 30%;
  box-shadow: 0px 0px 3px black;
  display: inline-block;
  border-radius: 4px;
  font-size: 0px;
  position: relative;
  margin: 10px 0px;
}
.cell img{
  width: 100%;
  height: 206px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.mask2{
  width: 100%;
  height: 206px;
  background: black;
  opacity:0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  position: absolute;
  top:0px;
  left: 0px;
  z-index: 20;
}
.text2{
  width: 100%;
  position: absolute;
  top:30%;
  left:0px;
  z-index: 22;
  opacity: 0;
}
.text2 h1{
  font-size: 32px;
  color: white;
}
.text2 h4{
  font-size: 18px;
  color: white;
}
.bottomTitle{
  font-size: 18px;
  color: rgb(174, 174, 174);
  line-height: 30px;
  background: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.cell:hover .mask2{
  opacity: 0.6;
}
.cell:hover .text2{
  opacity: 1;
}
.cell:hover .bottomTitle{
  color: black;
}
.cellMiddle{
  margin: 10px 4%;
}
/*尾部*/
.foot{
  width: 100%;
  background: rgb(224, 224, 224);
  margin-top: 50px;
}
.footLeft{
  width: 49%;
  margin-top: 10px;
  float: left;
  text-align: right;
}
.footLeft img{
  width: 30px;
  margin: 0px 5px;
}
.foot::after{
  content: "";
  display: block;;
  clear: both;
}
.footRight{
  width: 49%;
  float: right;
  border-left: 1px solid rgb(174, 174, 174);
  margin: 10px 0px;
  color: rgb(190, 190, 190);
  text-align: left;
  padding-left: 1%;
}
.footRight img{
  width: 143px;
}
ul{
  list-style: none;
  font-size: 12px;
}
